<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>骏怡连锁-客房管理</title>
<meta name="description" content="客房管理">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="favicon.ico">
<meta name="apple-mobile-web-app-title" content="骏怡连锁" />
<link rel="stylesheet" href="/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="/assets/css/admin.css">
<!-- Sweet Alert-->
<link rel="stylesheet" href="/assets/css/sweetalert2.min.css">
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/app.js"></script>
<style>
		table img{
			width:50px;
		}
	</style>
</head>
<body>
<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧！ <a href="http://se.360.cn/" target="_blank">升级浏览器</a>以获得更好的体验！</p><![endif]-->
</head>

<body>
<header class="am-topbar admin-header">
  <div class="am-topbar-brand">
    <img src="favicon.ico"/>&nbsp;<span style="font-weight: bold;">骏怡连锁</span>
  </div>

  
</header>

<div class="am-cf admin-main"> 

<div class="nav-navicon admin-main admin-sidebar">
    <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：<span id="currentUser"></span></div>
    <div class="sideMenu">
      <h3 class="am-icon-volume-up"><em></em> <a href="index.html">首页</a></h3>
      <h3 class="am-icon-flag on"><em></em> <a href="#">客房管理</a></h3>
      <h3 class="am-icon-cart-plus"><em></em> <a href="/pages/role.html"> 角色管理</a></h3>
      <h3 class="am-icon-users"><em></em> <a href="/pages/employee.html">员工管理</a></h3>
      <h3 class="am-icon-gears"><em></em> <a href="user.html">用户管理</a></h3>
    </div>
    <!-- sideMenu End --> 
    
    <script type="text/javascript">
			jQuery(".sideMenu").slide({
				titCell:"h3", //鼠标触发对象
				targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
				effect:"slideDown", //targetCell下拉效果
				delayTime:300 , //效果时间
				triggerTime:150, //鼠标延迟触发时间（默认150）
				defaultPlay:true,//默认是否执行效果（默认true）
				returnDefault:true //鼠标从.sideMen移走后返回默认状态（默认false）
				});
		</script> 
    
</div>

<div class=" admin-content">
	
		<div class="daohang">
        <div class="am-u-sm-2"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页</div>
        <div class="am-u-sm-6"></div>
        <div class="am-u-sm-4"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs" id="logout"> 退出登录</div>
    </div>

<div class="admin">
		<h1 align="center">客房列表</h1>
		<div class="am-g">
			<div class="am-u-sm-8"></div>
			<div class="am-u-sm-4">
					<button class="am-btn am-btn-warning">添加客房</button>
					<button class="am-btn am-btn-success">客房类型</button>
			</div>
		</div>
		<table align="center" class="am-table am-table-bordered am-table-striped am-table-hover">
			<thead>
				<tr>
					<th>房号</th>
					<th>状态</th>
					<th>类型</th>
					<th>价格</th>
					<th>照片</th>
					<th>入住信息</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>001</td>
					<td>有人</td>
					<td>单人间</td>
					<td>￥199</td>
					<td>
						<img src="/assets/img/room/1.jpg" >
						<img src="/assets/img/room/2.jpg" >
						<img src="/assets/img/room/3.jpg" >
					</td>
					<td>
						<table class="am-table am-table-compact">
							<tr>
								<th>姓名</th>
								<th>电话</th>
								<th>身份证</th>
							</tr>
							<tr>
									<td>小三</td>
									<td>120</td>
									<td>119</td>
								</tr>
						</table>
					</td>
					<td>
						<button class="am-btn am-btn-success">修改</button>
						<button class="am-btn am-btn-primary">退房</button>
						<button class="am-btn am-btn-danger">删除</button>
					</td>
				</tr>
				<tr>
						
						<td>002</td>
						<td>有人</td>
						<td>双人间</td>
						<td>￥320</td>
						<td>
								<img src="/assets/img/room/4.jpg" >
								<img src="/assets/img/room/5.jpg" >
								<img src="/assets/img/room/6.jpg" >
							</td>
						<td>
								<table class="am-table am-table-compact">
										<tr>
											<th>姓名</th>
											<th>电话</th>
											<th>身份证</th>
										</tr>
										<tr>
												<td>小三</td>
												<td>120</td>
												<td>119</td>
											</tr>
									</table>
						</td>
						<td>
							<button class="am-btn am-btn-success">修改</button>
							<button class="am-btn am-btn-primary">退房</button>
							<button class="am-btn am-btn-danger">删除</button>
						</td>
				</tr>
			</tbody>
		</table>
</div>

</div>




</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/assets/js/polyfill/rem.min.js"></script>
<script src="/assets/js/polyfill/respond.min.js"></script>
<script src="/assets/js/amazeui.legacy.js"></script>
<![endif]--> 
<!-- Sweet Alert -->
<script src="/assets/js/sweetalert2.min.js"></script>
<!--[if (gte IE 9)|!(IE)]><!--> 
<script src="/assets/js/amazeui.min.js"></script>
<!--<![endif]-->
<script src="/assets/script/public.js"></script>


</body>
</html>